<template>
   <header @click="show">
      {{title}}
   </header>
</template>
<script>
export default {
  props:{
    title: String
  },
  setup(props,{emit}) { // 里面没有this 相当于 vue2 的 created beforeCreate => setup
  // setup 有两个参数 第一个参数就是 props 对象，我们可以通过这个参数，获取 父页面传入的值。
  // 第二个参数 组件的上下文，可以获取组件里面方法
  // console.log(ctx);
  // console.log(props.title);
    const show = () => {
       emit('abc',props.title);
    }
    return {
      show
    }
  }
}
</script>
